@import url("color.css");
@import url("font-awesome.css");
/*---------- base ---------*/
*{
	padding:0px;
	margin:0px;
}
html{
	background:#fff;
}
body{
	font-size:14px;
	overflow-x:hidden;
}
img{
	border:none;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
ul{
	list-style:none;
}
hr{
	border:none;
	border-bottom:1px solid #c8c8c8;
	display:block;
	margin-top:10px;
}
.yuanjiao25{
	-moz-border-radius: 25px;      /* Gecko browsers */
    -webkit-border-radius: 25px;   /* Webkit browsers */
    border-radius:25px;            /* W3C syntax */
}
.yuanjiao5{
	-moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
}
.yuanjiao10{
	-moz-border-radius: 10px;      /* Gecko browsers */
    -webkit-border-radius: 10px;   /* Webkit browsers */
    border-radius:10px;            /* W3C syntax */
}
.yuanjiao{
	-moz-border-radius: 100%;      /* Gecko browsers */
    -webkit-border-radius: 100%;   /* Webkit browsers */
    border-radius:100%;            /* W3C syntax */
}
.clear{
	width:100%;
	clear:both;
}

.pages{
	width:100%;
	padding:20px 0px;
	text-align:center;
	clear:both;
}
.pages li{
	list-style-type:none;
	display:inline;
}
.pages a{
	padding:5px 10px;
	border:1px solid #c8c8c8;
	font-weight:bold;
	margin-right:10px;
}
.pages .current{
	font-weight:700;
	color:#fff;
}
.shangxiapian{
	padding-top:20px;
	margin-top:20px;
	border-top:1px dashed #c8c8c8;
}
.shangxiapian li{
	line-height:30px;
}
.search{
	overflow:hidden;
	transition:0.6s;
	background:#fff;
	-moz-box-shadow:0px 2px 5px #eee inset;
	-webkit-box-shadow:0px 2px 5px #eee inset;
	box-shadow:0px 2px 5px #eee inset;
	float:right;
	border:1px solid #ccc;
}
.search .key_text{
	height:30px;
	float:left;
	width:180px;
	overflow:hidden;
	line-height:30px;
	outline:none;
	background:none;
	color:#666;
	border:none;
	border-right:none;
	text-indent:10px;
}
.search .search_btn{
	float:right;
	cursor:pointer;
	border:none;
	outline:none;
	margin:4px 5px 0 0;
	/*
	width:65px;
	height:25px;
	color:#fff;
	overflow:hidden;
	line-height:25px;
	text-align:center;
	background:#019934;
	*/
}
.main{
	width:1200px;
	overflow:hidden;
	margin:0px auto;
}
.content{
	line-height:25px;
}
.content img{
	max-width:100%;
	height:auto;
}
.lan{
	overflow:hidden;
	width:auto;
	float:right;
	margin-top:10px;
}
.lan span a{
	text-transform:uppercase;
	padding-left:30px;
}

.cn{
	background:url(../images/cn.png) left center no-repeat;
	line-height:40px;
	float:left;
	margin-right:10px;
}
.sp{
	background:url(../images/sp.png) left center no-repeat;
	float:right;
	line-height:25px;
}
.en{
	background:url(../images/en.png) left center no-repeat;
	line-height:40px;
	float:left;
}
/*---------------------主体开始-----------------------*/
#top_zone2{
	width:100%;
	min-width:1200px;
	overflow:hidden;
	height:40px;
	line-height:40px;
	background:#000;
	color:#fff;
}
#top_zone2 a{
	color:#fff;
}
#top_zone1{
	width:100%;
	min-width:1200px;
	overflow:hidden;
	height:40px;
	line-height:40px;
	background:#f9f9f9;
	border-bottom:1px solid #ddd;
}
#top_l{
	width:auto;
	float:left;
	line-height:40px;
}

#top_l i{
	margin-right:10px;
}
#top_r{
	width:auto;
	float:right;
	height:30px;
	position:relative;
}
#top_link{
	width:auto;
	float:left;
	overflow:hidden;
}
#top_link a{
	/*
	padding:0 10px;
	border-right:1px solid #666;
	line-height:15px;
	height:15px;
	*/
	margin-right:10px;
	line-height:40px;
}
#top_link a i{
	font-size:18px;
	margin-right:10px;
}
/*
#top_link a:last-child{
	padding-right:0!important;
	border:none!important;
}
*/
#top_ewm{
	width:68px;
	float:right;
	margin-top:15px;
	overflow:hidden;
}
#top_ewm img{
	max-width:100%;
	height:auto;
	display:block;
}
#header_zone{
	width:100%;
	position:absolute;
	z-index:9999999;
	top:0;
	left:0;
	height:115px;
	min-width:1200px;
	background:url(../images/header_zone.png);
}
.header_zone{
	width:100%;
	min-width:1200px;
	height:95px;
	background:#fff;
	/*
	-moz-box-shadow:0px 2px 5px #999;
	-webkit-box-shadow:0px 2px 5px #999;
	box-shadow:0px 2px 5px #999;
	margin-bottom:-5px;
	*/
	position:relative;
	z-index:9999999;
}
.header{
	width:1200px;
	margin:0px auto;
	height:115px;
}
.logo{
	overflow:hidden;
	float:left;
	margin-top:18px;
}

#header_r{
	width:auto;
	float:right;
}
#header_shang{
	width:auto;
	float:right;
}
#header_follow{
	width:auto;
	float:right;
	overflow:hidden;
	margin-left:15px;
	margin-top:40px;
}
#header_follow a{
	margin-left:10px;
}
#header_follow i{
	color:#fff;
	width:35px;
	height:35px;
	background:#fff;
	text-align:center;
	line-height:35px;
	font-size:20px;
}

/*左侧带图标右侧上下结构电话*/
#top_tel_01{
	margin-top:30px;
	overflow:hidden;
	float:right;
	padding-left:60px;
	background:url(../ico/top_tel_15.jpg) left top no-repeat;
}
#top_tel_01 span{
	display:block;
}
#top_tel_01 strong{
	font-size:33px;
	display:block;
	font-family:Arial;
	color:#000;
}
#top_tel_02{
	float:left;
	margin-right:15px;
	width:auto;
	overflow:hidden;
	padding-left:25px;
	background:url(../ico/tel12.png) left center no-repeat;
	color:#fff;
	line-height:40px;
}
#top_tel_02 p{
	display:block;
	text-align:center;
	font-size:18px;
	color:#6e4235;
	background:url(../images/dian.jpg) center center repeat-x;
}
#top_tel_02 p span{
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding:0 10px;
	background:#fff;
}
#top_tel_02 strong{
	font-size:28px;
	display:block;
	font-family:Arial;
	color:#6e4235;
	padding-left:45px;
	background:url(../images/top_tel_02.jpg) left center no-repeat;
	line-height:45px;
}

#nav_zone{
	width:100%;
	min-width:1200px;
	height:80px;
	background:url(../images/nav_zone.png);
	position:absolute;
	z-index:99999999;
	left:0;
	top:95px;
} 
.nav {
	width:auto;
	float:left;
	margin-right:20px;
}
.nav .nLi{
	float:left;
	height:55px;
	position:relative;
	z-index:999999;
}  
.nav .nLi:last-child{
	background:none;
}
.nav .nLi h3 {
	display:block;
	text-align:center;
}
.nav .nLi h3 a {
	display:block;
	font-size:16px;
	text-transform:uppercase;
	line-height:30px;
	font-weight:normal;
}
.nav .nLi h3 a i{
	margin-left:10px;
}
.nav .nLi h3 .line{
	display:block;
	width:0px;
	height:2px;
	background:#fff;
	margin:15px auto 0 auto;
}
.nav .nLi:hover h3 .line,.nav .on h3 .line{
	width:80%;
	transition:0.6s;
}
.nav .sub {
	display:none;
	left:0;
	top:55px;
	position:absolute;
	background:#f0f0f0;
	/* Gecko browsers */
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	 
	/* Webkit browsers */
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	 
	/* W3C syntax */
	border-bottom-right-radius: 3px;
	border-bottom-left-radius:  3px;
	z-index:9999999;
	-moz-box-shadow:0px 2px 5px #999;
	-webkit-box-shadow:0px 2px 5px #999;
	box-shadow:0px 2px 5px #999;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}
/*
.nav #sub5,.nav #sub6,.nav #sub7{
	right:0px!important;
}
.nav .sub dl{
	
}
.nav .sub dl dd{
	width:220px;
	float:left;
	overflow:hidden;
}
.nav .sub dl dd p{
	display:block;
	line-height:30px;

}
.nav .sub dl dd p:hover{
	background:#E7242A;
	transition:0.6s;
}
.nav .sub dl dd p:hover i,.nav .sub dl dd p:hover a{
	color:#fff;
}
.nav .sub dl dd p i{
	margin:0 10px 0 15px;
}
.nav .sub dl dt{
	width:210px;
	float:right;
	overflow:hidden;
}
.nav .sub dl dt img{
	max-width:100%;
	height:auto;
	display:block;
}
*/
.nav .sub li {
	zoom:1;
	height:40px;
	position:relative;
	border-bottom:1px dotted #ccc;
	text-align:center;
}
.nav .sub a {
	display:block;
	line-height:40px;
	height:40px;
	overflow:hidden;
	text-indent:10px;
}
.nav .sub a i{
	float:right;
	margin:13px 10px 0 0;
}
.nav .dropdown-menu,.nav .dropdown-menu ul{
	position:absolute;
	width:200px;
	left:100%;
	top:0;
	display:none;
	background:#eee!important;
}
.nav .sub li:hover .dropdown-menu,.nav .sub .dropdown-menu li:hover ul{
	display:block;
}
/*
#sub11{
	width:1200px;
	padding:10px 0;
}

#sub11 dl{
	width:14.6666666%;
	float:left;
	margin:0 1%;
	overflow:hidden;
	text-align:left;
}
#sub11 dl dt{
	display:block;
	width:auto;
	overflow:hidden;
	font-weight:bold;
	border-bottom:1px solid #ccc;
}
#sub11 dl dt img{
	max-width:100%;
	height:auto;
	display:block;
}
#sub11 dl dd{
	margin-top:10px;
}
#sub11 dl a{
	text-align:left;
	text-indent:15px;
}
#sub11 p{
	display:block;
	line-height:30px!important;
	border-bottom:1px dotted #ccc;
}
*/
.nav .nLi:nth-child(1){
	-webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
.nav .nLi:nth-child(2){
	-webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.nav .nLi:nth-child(3){
	-webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.nav .nLi:nth-child(4){
	-webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.nav .nLi:nth-child(5){
	-webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.nav .nLi:nth-child(6){
	-webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.nav .nLi:nth-child(7){
	-webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.nav .nLi:nth-child(8){
	-webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
.nav .nLi:nth-child(9){
	-webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}
.nav .nLi:nth-child(10){
	-webkit-animation-delay: 1s;
    animation-delay: 1s;
}
/*-----------------头部end------------------------*/

.index_title_01{
	overflow:hidden;
	text-align:center;
	height:76px;
}
.index_title_01_center{
	display:inline-block;
	*display:inline;
	*zoom:1;
	position:relative;
	padding:0 20px;
}
.index_title_01_center:before{
	content: "";
	width:29px;
	height:76px;
	display:block;
	position:absolute;
	top:0;
	right:100%;
	background:url(../images/index_title_01_left.png) no-repeat;
}
#index_title_01_center_bai:before{
	background:url(../images/index_title_01_left_bai.png) no-repeat;
}
#index_title_01_center_bai:after{
	background:url(../images/index_title_01_right_bai.png) no-repeat;
}
#index_title_01_center_bai h2,#index_title_01_center_bai h3{
	color:#fff!important;
}
.index_title_01_center:after{
	content: "";
	width:29px;
	height:76px;
	display:block;
	position:absolute;
	top:0;
	left:100%;
	background:url(../images/index_title_01_right.png) no-repeat;
}
.index_title_01 h2{
	display:block;
	font-size:30px;
	text-transform:uppercase;
	color:#099ce6;
	font-weight:normal;
}
.index_title_01 h3{
	display:block;
	font-size:18px;
	text-transform:uppercase;
	color:#5b5b5b;
	font-weight:normal;
	margin-top:10px;
}
.index_title_01 p{
	display:block;
	margin-top:10px;
	font-size:18px;
	color:#666;
}
.index_title_01 span{
	height:20px;
	border-top:1px solid #fff;
	width:50px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin:0 30px;
}

/*----首页带框中英文标题*/

.index_title_02{
	text-align:center;
	overflow:hidden;
	background:url(../images/index_title.jpg) center center no-repeat;
}
.index_title_02_center{
	display:inline-block;
	*display:inline;
	*zoom:1;
	position:relative;
	padding:0 15px 20px 15px;
	min-width:300px;
	z-index:99;
}
.index_title_02 h2{
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-size:24px;
	background:#fff;
	padding:0 20px;
	font-weight:normal;
}
.index_title_02 h3{
	display:block;
	font-size:18px;
	font-weight:normal;
	color:#666;
	text-transform:uppercase;
	margin-top:10px;
}
.index_title_02_center .kuang{
	width:100%;
	height:75px;
	border:1px solid #ccc;
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	z-index:-1;
}


.index_title_02 p{
	display:inline-block;
	*display:inline;
	*zoom:1;
	line-height:25px;
	text-transform:uppercase;
	padding:0 15px;
	background:#fff;
	color:#999;
	margin-top:5px;
}
.index_title_02 p a{
	color:#666;
	display:inline-block;
	*display:inline;
	*zoom:1;
	line-height:30px;
	padding:0 20px;
	background:#fff;
	border:1px solid #ccc;
}
/*左右标题名称带More*/
.index_title_03{
	overflow:hidden;
}
.index_title_03 h2{
	display:block;
	font-size:24px;
	float:left;
	overflow:hidden;
	text-transform:uppercase;
}
.index_title_03 h2 em{
	display:block;
	margin-top:10px;
	width:105px;
	height:2px;
	background:#666;
}
.index_title_03 span{
	float:right;
	display:block;
	margin-top:5px;
}
.index_title_03 span a{
	display:block;
	padding:5px 15px 5px 15px;
	border:1px solid #ccc;
	transition:0.6s;
}

/*首页名称上小字下大字*/
.index_title_04{
	text-align:center;
	overflow:hidden;
}
.index_title_04 h2{
	font-size:30px;
	text-transform:uppercase;
	display:block;
	color:#6e4235;
}
.index_title_04 p{
	font-size:14px;
	text-transform:uppercase;
	display:block;
	color:#666;
	margin-top:8px;
}
/*首页名称英文中文横线设计的好牛逼*/
.index_title_05{
	overflow:hidden;
	text-align:center;
}
.index_title_05 h2{
	display:block;
	text-transform:uppercase;
	font-size:30px;
}
.index_title_05 a{
	color:#999;
	margin-top:10px;
	display:inline-block;
	*display:inline;
	*zoom:1;

}
.index_title_05 h3{
	display:block;
	font-size:30px;
	font-weight:normal;
}
.index_title_05 .line{
	width:30px;
	height:1px;
	display:block;
	margin:10px auto 0 auto;
}
.index_title_05 p{
	line-height:25px;
	width:60%;
	margin:10px auto 0 auto;
	color:#666;
}
/*首页栏目名称带短线*/
.index_title_06{
	overflow:hidden;
	text-align:center;
}
.index_title_06 h2{
	font-size:30px;
	display:block;
	text-transform:uppercase;
}
.index_title_06 i{
	display:block;
	font-size:30px;
	color:#FF8A02;
}
.index_title_06 span.line{
	width:100px;
	display:block;
	height:3px;
	margin:15px auto 0px auto;
	background:#ccc;
}
.index_title_06 p{
	display:block;
	color:#666;
	margin:10px auto 0 auto;
}
/*--首页分类带圆形遮罩--*/
#lm{
	width:1250px;
	overflow:hidden;
	margin-top:30px;
}
#lm li{
	position:relative;
	float:left;
	margin-right:13px;
	overflow:hidden;
}
#lm li img{
	height:100%;
	width:auto;
	display:block;
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	transition:0.6s;
}
#lm li:hover img{
	transform:scale(1.1);
}

#lm li .zhezhao{
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	z-index:2;
	left:0;
	top:0;
}

#lm li i{
	display:block;
	font-size:44px;
	color:#fff;
	position:absolute;
	top:35%;
	z-index:3;
	margin:0px auto;
	width:100%;
	text-align:center;
	filter:alpha(opacity=50);  
      -moz-opacity:0.5;  
      -khtml-opacity: 0.5;  
      opacity: 0.5;
	  transition:0.6s;
}
#lm li:hover i{
		filter:alpha(opacity=100);  
      -moz-opacity:1;  
      -khtml-opacity: 1;  
      opacity: 1;
}
#lm li h3{
	display:block;
	text-align:center;
	font-size:16px;
	font-weight:normal;
	position:absolute;
	top:55%;
	width:100%;
	z-index:3;
	color:#fff;
}
#lm li a{
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	position:absolute;
	z-index:4;
	left:0;
	top:0;
}
/*仅有一张图片首页横排常用于广告*/
ul.index_tulist{
	width:1250px;
	overflow:hidden;
}
ul.index_tulist li{
	width:230px;
	float:left;
	overflow:hidden;
	margin-right:12.5px;
	background:#B0B7C9;
	transition:0.6s;
	height:260px;
	text-align:center;
}
ul.index_tulist li:hover{
	background:#2793d3;
}
ul.index_tulist li img{
	max-width:100%;
	height:auto;
	display:block;
	margin:13px auto 0 auto;
	transition:1.6s;
}
ul.index_tulist li:hover img{
	transform:rotate(360deg);
}
ul.index_tulist li:hover h3 a{
	color:#fff;
}
ul.index_tulist li h3{
	display:block;
	margin-top:25px;
	padding:0 10px;
}
ul.index_tulist li h3 a{
	font-size:14px;
	font-weight:normal;
	line-height:20px;
}
/*首页标题浮在图片上列表*/
ul.index_cplist_01{
	width:1205px;
	overflow:hidden;
}
ul.index_cplist_01 li{
	width:300px;
	height:220px;
	position:relative;
	float:left;
	overflow:hidden;
	border-right:5px solid #fff;
	border-bottom:5px solid #fff;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
ul.index_cplist_01 #li1{
	width:600px!important;
	height:440px!important;
	margin-bottom:0!important;
}
ul.index_cplist_01 li img{
	max-width:100%;
	height:auto;
	display:block;
	position:absolute;
	left:0;
	z-index:1;
	transition:0.6s;
}
ul.index_cplist_01 li:hover img{
	
}
ul.index_cplist_01 li h3{
	display:block;
	text-align:center;
	font-size:16px;
	position:absolute;
	left:0;
	bottom:0;
	z-index:3;
	width:100%;
	line-height:30px;
	color:#fff;
	font-weight:normal;
	overflow:hidden;
	background:url(../images/black.png);
	font-size:16px;
	font-weight:normal;
}
ul.index_cplist_01 li a{
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	position:absolute;
	z-index:10;

}

/*不规则产品不带遮罩*/
ul.index_cplist_02{
	height:476px;
	position:relative;
	margin-top:30px;
}
ul.index_cplist_02 li{
	overflow:hidden;
	position:absolute;
	-moz-box-shadow:0px 0px 5px #ccc;
	-webkit-box-shadow:0px 0px 5px #ccc;
	box-shadow:0px 0px 5px #ccc;
	transition:1s;
}
ul.index_cplist_02 li:hover{
	-moz-box-shadow:0px 0px 5px #00924B;
	-webkit-box-shadow:0px 0px 5px #00924B;
	box-shadow:0px 0px 5px #00924B;
	transition:0.5s;
}
ul.index_cplist_02 li img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0px auto;
	transition:0.6s;
}
ul.index_cplist_02 li:hover{
	
}
ul.index_cplist_02 #li1{
	width:300px;
	height:476px;
	left:0px;
	top:0px;
}
ul.index_cplist_02 #li2{
	width:296px;
	height:226px;
	left:318px;
	top:0px;
}
ul.index_cplist_02 #li3{
	width:283px;
	height:226px;
	left:627px;
	top:0px;
}
ul.index_cplist_02 #li4{
	width:277px;
	height:226px;
	right:0;
	top:0;
}
ul.index_cplist_02 #li5{
	width:418px;
	height:226px;
	left:318px;
	bottom:0;
}
ul.index_cplist_02 #li6{
	width:446px;
	height:226px;
	right:0;
	bottom:0;
}
ul.index_cplist_02 #li7{
	left:710px;
	bottom:0;
}
ul.index_cplist_02 #li8{
	width:370px;
	height:240px;
	right:0;
	bottom:0;
}
/*首页规则产品列表：图片+标题+简介+按钮*/
dl.index_cplist_03{
	width:auto;
	overflow:hidden;
	margin-bottom:-1px;
}
dl.index_cplist_03 dd{
	width:300px;
	float:left;
	padding:20px;
	overflow:hidden;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;	
}
dl.index_cplist_03 dd img{
	max-width:100%;
	height:auto;
	display:block;
	transition:0.6s;
	margin:0px auto;
}
dl.index_cplist_03 dd:hover img{
	
}

dl.index_cplist_03 dd h3{
	display:block;
	margin-top:10px;
	text-align:center;
}
dl.index_cplist_03 dd h3 a{
	font-weight:normal;
	font-size:18px;
}
dl.index_cplist_03 dd p{
	margin-top:10px;
	display:block;
	overflow:hidden;
	color:#666;
	line-height:20px;
}
dl.index_cplist_03 dd .time{
	display:block;
	color:#0e6eb9;
	text-align:center;
}
dl.index_cplist_03 dd .detail{
	display:inline-block;
	*display:inline;
	*zoom:1;
	border:1px solid #fff;
	color:#fff;
	text-align:center;
	line-height:35px;
	padding:0 20px;
	margin-top:110px;
}
dl.index_cplist_03 dd:nth-child(1){
	-webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
dl.index_cplist_03 dd:nth-child(2){
	-webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
dl.index_cplist_03 dd:nth-child(3){
	-webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
dl.index_cplist_03 dd:nth-child(4){
	-webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
dl.index_cplist_03 dd:nth-child(5){
	-webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
dl.index_cplist_03 dd:nth-child(6){
	-webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
dl.index_cplist_03 dd:nth-child(7){
	-webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
dl.index_cplist_03 dd:nth-child(8){
	-webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
dl.index_cplist_03 dd:nth-child(9){
	-webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}
dl.index_cplist_03 dd:nth-child(10){
	-webkit-animation-delay: 1s;
    animation-delay: 1s;
}
/*首页规则产品列表图片上标题下*/
dl.index_cplist_04{
	float:right;
	width:855px;
	overflow:hidden;
}
dl.index_cplist_04 dd{
	list-style-type:none;
	float:left;
	width:275px;
	margin:0px 0px 20px 10px;
	transition:.0.6s;
	background:#fff;
	transition:0.6s;
	text-align:center;
	/*
	-moz-box-shadow:0px 0px 5px #333;
	-webkit-box-shadow:0px 0px 5px #333;
	box-shadow:0px 0px 5px #333;
	*/
}
dl.index_cplist_04 dd img{
	max-width:100%;
	height:auto;
	display:block;
	transition:0.6s;
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
	/*
	-moz-box-shadow:0px 0px 5px #666;
	-webkit-box-shadow:0px 0px 5px #666;
	box-shadow:0px 0px 5px #666;
	*/
}
/*
dl.index_cplist_04 dd:hover{
	border-color:#DA150D;
	-moz-box-shadow:0px 0px 5px #333;
	-webkit-box-shadow:0px 0px 5px #333;
	box-shadow:0px 0px 5px #333;
}
*/
dl.index_cplist_04 dd:hover img{
	border-color:#FF8A02;
}

dl.index_cplist_04 dd h3{
	display:block;
	margin-top:15px;
	text-align:center;
}
dl.index_cplist_04 dd h3 a{
	font-size:14px;
	font-weight:normal;
	display:block;
}
dl.index_cplist_04 dd .detail{
	display:inline-block;
	*display:inline;
	*zoom:1;
	border:1px solid #ddd;
	text-align:center;
	line-height:25px;
	padding:0 20px;
	margin:20px 0;
}
dl.index_cplist_04 dd .detail i{
	margin-left:10px;
	color:#90C31E;
}
dl.index_cplist_04 dd:hover .detail{
	background-color:#39b2f8;
}
dl.index_cplist_04 dd:hover .detail i,dl.index_cplist_04 dd:hover .detail{
	color:#fff;
	transition:0.6s;
	border-color:#39b2f8;
}

dl.index_cplist_04 dd p{
	line-height:20px;
	color:#999;
	display:block;
	margin-top:10px;
	font-size:12px;
	padding:0 10px 20px 10px;
}
dl.index_cplist_04 dd i{
	position:absolute;
	right:0;
	bottom:0;
	color:#62211D;
	font-size:20px;
}
dl.index_cplist_04 dd:nth-child(1){
	-webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
dl.index_cplist_04 dd:nth-child(2){
	-webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
dl.index_cplist_04 dd:nth-child(3){
	-webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
dl.index_cplist_04 dd:nth-child(4){
	-webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
dl.index_cplist_04 dd:nth-child(5){
	-webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
dl.index_cplist_04 dd:nth-child(6){
	-webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
dl.index_cplist_04 dd:nth-child(7){
	-webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
dl.index_cplist_04 dd:nth-child(8){
	-webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
dl.index_cplist_04 dd:nth-child(9){
	-webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}
dl.index_cplist_04 dd:nth-child(10){
	-webkit-animation-delay: 1s;
    animation-delay: 1s;
}
/*不规则产品带遮罩*/
ul.index_cplist_05{
	height:1279px;
	position:relative;
	margin:0px auto;
	overflow:hidden;
}
ul.index_cplist_05 li{
	overflow:hidden;
	position:absolute;
}

ul.index_cplist_05 li:hover{
	
}
ul.index_cplist_05 li img{
	max-width:100%;
	height:auto;
	display:block;
	z-index:1;
	position:absolute;
	left:0;
	top:0;
}

ul.index_cplist_05 li a{
	width:100%;
	height:100%;
	overflow:hidden;
	display:block;
	transform:scale(0.8);
	background:url(../images/black.png);
	transition:0.6s;
	position:absolute;
	z-index:10;
	left:0;
	top:0;
	opacity: 0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: all ease .5s;
	-moz-transition: all ease .5s;
	transition: all ease .5s;
}
ul.index_cplist_05 li:hover a{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
ul.index_cplist_05 li a h3{
	font-size:22px;
	color:#fff;
	padding:0 10px;
	text-align:center;
	display:block;
	margin-top:25%;
	font-weight:normal;
}
ul.index_cplist_05 li a p{
	color:#fff;
	line-height:25px;
	padding:0 50px;
	margin-top:15px;
	font-size:16px;
}
ul.index_cplist_05 li a .detail{
	display:block;
	width:100px;
	height:35px;
	border:1px solid #fff;
	line-height:35px;
	text-align:center;
	margin:20px auto 0 auto;
	color:#fff;
}
/*
ul.index_cplist_05 li dl.fenlei{
	padding:10px 10px 0 10px;
	overflow:hidden;
}
ul.index_cplist_05 li dl.fenlei dd{
	width:40%;
	height:25px;
	margin:10px 0 0 10%;
	line-height:25px;
	float:left;
}
ul.index_cplist_05 li dl.fenlei dd span{
	display:block;
	padding-left:15px;
	background:url(../images/fenlei_dd.png) left center no-repeat;
	color:#fff;
	font-size:18px;
	cursor:pointer;
}
*/
ul.index_cplist_05 #li1{
	width:500px;
	height:500px;
	left:0;
	top:0;
}
ul.index_cplist_05 #li2{
	width:515px;
	height:500px;
	right:0;
	top:0;
}
ul.index_cplist_05 #li3{
	width:500px;
	height:253px;
	left:0;
	top:512px;
}
ul.index_cplist_05 #li4{
	width:515px;
	height:505px;
	right:0;
	top:512px;
}
ul.index_cplist_05 #li5{
	width:500px;
	height:504px;
	left:0;
	bottom:0;
}
ul.index_cplist_05 #li6{
	width:515px;
	height:249px;
	right:0;
	bottom:0;
}
ul.index_cplist_05 #li7{
	width:367px;
	height:313px;
	right:0;
	bottom:0;
}



/*不规则产品带遮罩*/
ul.index_cplist_06{
	width:1250px;
}
ul.index_cplist_06 li{
	overflow:hidden;
	float:left;
	margin-right:10px;
	position:relative;
	width:295px;
	height:209px;
	margin-bottom:10px;
}
ul.index_cplist_06 #li1{
	width:570px!important;
	height:auto!important;
}
ul.index_cplist_06 li img{
	max-width:100%;
	height:auto;
	display:block;
}

ul.index_cplist_06 li a{
	width:100%;
	height:100%;
	overflow:hidden;
	display:block;
	transition:0.6s;
	position:absolute;
	z-index:10;
	left:0;
	top:0;
}
ul.index_cplist_06 li .txt{
	width:100%;
	height:35px;
	background:url(../images/black.png);
	position:absolute;
	z-index:3;
	left:0;
	bottom:0;
	overflow:hidden;
	transition:0.6s;
}
ul.index_cplist_06 li:hover .txt{
	height:100%;
}
ul.index_cplist_06 li:hover .txt h3{
	margin-top:20%;
	text-align:left;
	line-height:20px;
}
ul.index_cplist_06 li .txt h3{
	font-size:16px;
	color:#fff;
	padding:0 10px;
	text-align:center;
	display:block;
	font-weight:normal;
	line-height:35px;
}
ul.index_cplist_06 li .txt p{
	color:#999;
	line-height:25px;
	padding:0 10px;
	margin-top:15px;
	display:block;
}
ul.index_cplist_06 li .txt .time{
	display:block;
	margin:10px;
	width:80px;
	height:25px;
	font-size:12px;
	color:#fff;
	border:1px solid #fff;
	text-align:center;
	line-height:25px;
}

/*----首页带图片新闻-------*/
.index_tuwenlist{
	width:auto;
	overflow:hidden;
}
.index_tuwenlist dl{
	overflow:hidden;
	margin-bottom:20px;
}
.index_tuwenlist dl dt{
	width:155px;
	height:80px;
	text-align:center;
	float:left;
	overflow:hidden;
}
.index_tuwenlist dl dt img{
	max-width:100%;
	height:auto;
	display:block;
	margin-top:-15px;
}
.index_tuwenlist dl dt .ri{
	display:block;
	color:#fff;
	font-size:36px;
	font-family:Arial;
	line-height:50px;
}
.index_tuwenlist dl dt .nian{
	display:block;
	color:#fff;
	font-family:Arial;
}
.index_tuwenlist dl dd{
	margin-left:165px;
}
.index_tuwenlist dl dd h3{
	display:block;
	margin-top:30px;
}
.index_tuwenlist dl dd h3 a{
	font-size:18px;
	font-weight:normal;
	color:#666;
}
.index_tuwenlist dl dd h3 a:hover{
	color:#337AE4;
}
.index_tuwenlist dl dd .line{
	width:60px;
	height:2px;
	display:block;
	margin-top:10px;
	background:#666;
}
.index_tuwenlist dl dd p{
	margin-top:15px;
	line-height:25px;
	color:#666;
}
.index_tuwenlist dl dd .time{
	margin-top:10px;
	display:block;
	color:#999;
	font-size:12px;
}
.index_tuwenlist dl dd .detail{
	display:block;
	margin:15px auto 0 auto;
	border:1px solid #ccc;
	font-size:12px;
	width:80px;
	height:25px;
	line-height:25px;
	text-align:center;
}
.index_tuwenlist dl dd .detail:hover{
	background:#0079BA;
	border-color:#0079BA;
	color:#fff;
	transition:0.5s;
}
/*头条*/
dl.toutiao{
	overflow:hidden;
}
dl.toutiao dt{
	width:550px;
	overflow:hidden;
	float:left;
}
dl.toutiao dt img{
	max-width:100%;
	height:auto;
	display:block;
}
dl.toutiao dd{
	width:600px;
	overflow:hidden;
}
dl.toutiao dd h3{
	display:block;
	margin-top:60px;
}
dl.toutiao dd h3 a{
	font-size:36px;
}
dl.toutiao dd p{
	margin-top:20px;
	color:#666;
	line-height:30px;
	font-size:16px;
}
dl.toutiao dd .time{
	display:block;
	margin-top:10px;
	color:#a6a6a6;
}
dl.toutiao dd .detail{
	display:block;
	line-height:35px;
	width:120px;
	text-align:center;
	margin:35px 0 0 0;
	border:1px solid #ccc;
	font-size:16px;
}

/*首页新闻列表普通*/
dl.index_newslist_01{
	width:auto;
	overflow:hidden;
}
dl.index_newslist_01 dd{
	line-height:35px;
	padding-left:10px;
	background:url(../images/ico.jpg) left center no-repeat;
}

dl.index_newslist_01 dd i{
	margin-right:10px;
	color:#0A9CE7;
}
dl.index_newslist_01 dd span{
	float:right;
	color:#999;
}
dl.index_newslist_01 dd span a{
	color:#b80000;
	text-transform:uppercase;
}
/*首页横排3块*/
.box{
	overflow:hidden;
	/*
	width:330px;
	height:480px;
    -moz-box-shadow: 0px 0px 5px #999;
    -webkit-box-shadow: 0px 0px 5px #999;
    box-shadow:0px 0px 5px #999;	
	padding:20px;
	*/
	float:left;
	background:#fff;
}
#box1{
	float:left;
	width:350px;

}
#box2{
	float:left;
	margin-left:125px;
	width:325px;

}
#box3{
	float:right;
	width:225px;
}
.box h2{
	display:block;
	font-size:18px;
	text-transform:uppercase;
	font-weight:normal;
}
.box .pic{
	margin:20px 0 10px 0;
	overflow:hidden;
	display:block;
}
.box img{
	max-width:100%;
	height:auto;
	display:block;
}
.box_more{
	border:1px solid #0265CB;
	width:125px;
	height:30px;
	background:#0265CB;
	text-align:center;
	line-height:30px;
	color:#fff;
	display:block;
	margin-top:10px;
}
.box_more i{
	width:30px;
	height:30px;
	float:right;
	background:#fff;
	color:#666;
	line-height:30px;
}
.box_more:hover{
	color:#fff;
}
/*首页新闻列表带图片*/
ul.index_newslist_02,dl.index_newslist_02{
	width:1250px;
	overflow:visible;
}
ul.index_newslist_02 li,dl.index_newslist_02 dd{
	width:285px;
	height:335px;
	overflow:hidden;
	float:left;
	margin:0 20px 0 0px;
    -moz-box-shadow: 0px 0px 5px #999;
    -webkit-box-shadow: 0px 0px 5px #999;
    box-shadow:0px 0px 5px #999;
	border:1px solid #ccc;
}

dl.index_newslist_02 dd:hover{
	/*
    -moz-box-shadow: 0px 0px 10px #EA5206;
    -webkit-box-shadow: 0px 0px 10px #EA5206;
    box-shadow:0px 0px 10px #EA5206;	
	*/
	border-color:#0085C8;
}
/*
dl.index_newslist_02 dd:hover .pic{
	transform:rotate(360deg);
}
*/
ul.index_newslist_02 li .pic,dl.index_newslist_02 dd .pic{
	height:200px;
	display:block;
	overflow:hidden;
}
ul.index_newslist_02 li img,dl.index_newslist_02 dd img{
	height:auto;
	max-width:100%;
	display:block;
	margin-top:15px;
}
ul.index_newslist_02 li:hover img,dl.index_newslist_02 dd:hover img{
	
}
ul.index_newslist_02 li h3,dl.index_newslist_02 dd h3{
	display:block;
	margin-top:30px;
	padding:0 10px;
	font-weight:normal;
}
ul.index_newslist_02 li h3 a,dl.index_newslist_02 dd h3 a{
	font-size:18px;
	color:#0083c7;
}
ul.index_newslist_02 li p,dl.index_newslist_02 dd p{
	margin-top:20px;
	line-height:25px;
	color:#666;
	padding:0 10px;
}
ul.index_newslist_02 li .time,dl.index_newslist_02 dd .time{
	display:block;
	width:95px;
	height:25px;
	text-align:center;
	line-height:25px;
	text-transform:uppercase;
	margin-top:25px;
	background:#E62D00;
	color:#fff;
}
ul.index_newslist_02 li .time a,dl.index_newslist_02 dd .time a{
	color:#fff;
}
ul.index_newslist_02 li .detail,dl.index_newslist_02 dd .detail{
	margin-top:15px;
	color:#999;
	display:block;
	font-size:12px;
}

dl.index_newslist_02 dd:nth-child(1){
	-webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
dl.index_newslist_02 dd:nth-child(2){
	-webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
dl.index_newslist_02 dd:nth-child(3){
	-webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
dl.index_newslist_02 dd:nth-child(4){
	-webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
dl.index_newslist_02 dd:nth-child(5){
	-webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

/*首页新闻案例列表带遮罩*/
dl.index_newslist_03{
	width:auto;
	overflow:hidden;
}
dl.index_newslist_03 dd{
	width:25%;
	float:left;
	overflow:hidden;
	height:225px;
	position:relative;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
}
dl.index_newslist_03 dd .ovrlyT {
    background: rgba(0, 0, 0, 0.25);
    height: 100%;
    left: 100%;
    position: absolute;
    top: -100%;
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	z-index:2;
}
dl.index_newslist_03 dd .ovrlyB {
    background: rgba(0, 0, 0, 0.25);
    height: 100%;
    left: -100%;
    position: absolute;
    top: 100%;
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	z-index:3;
}
dl.index_newslist_03 dd .buttons {
    position: absolute;
    top: 33%;
    left: 48%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	z-index:4;
}
dl.index_newslist_03 dd .buttons .fa {
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    line-height: 45px;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
    width: 45px;
    height: 45px;
    -webkit-transition: all 0.2s 0.3s;
    -moz-transition: all 0.2s 0.3s;
    -o-transition: all 0.2s 0.3s;
    transition: all 0.2s 0.3s;
    opacity: 0;
	border:1px solid #fff;
	color:#fff;
}
dl.index_newslist_03 dd:hover .ovrlyT {
    left: 0;
    top: 0;
}
dl.index_newslist_03 dd:hover .ovrlyB {
    left: 0;
    top: 0;
}
dl.index_newslist_03 dd:hover .buttons .fa {
    opacity: 1;
}
dl.index_newslist_03 dd img{
	width:100%;
	height:auto;
	display:block;
	position:absolute;
	z-index:1;
	left:0;
	top:0;
    transition:0.6s;
}
dl.index_newslist_03 dd:hover img{
	transform:scale(1.1);
}
dl.index_newslist_03 dd a{
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	position:absolute;
	z-index:10;
	left:0;
	top:0;
}
dl.index_newslist_03 dd a h3,dl.index_newslist_03 dd a p{
	text-align:center;
	color:#fff;
	font-size:18px;
	font-weight:normal;
	margin-top:38%;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
	transform:translateY(-50px);
	transition:0.6s;
	padding:0 15px;
}
dl.index_newslist_03 dd:hover a h3,dl.index_newslist_03 dd:hover a p{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	transform:translateY(0px);
}
dl.index_newslist_03 dd:nth-child(1){
	-webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
dl.index_newslist_03 dd:nth-child(2){
	-webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
dl.index_newslist_03 dd:nth-child(3){
	-webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
dl.index_newslist_03 dd:nth-child(4){
	-webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
dl.index_newslist_03 dd:nth-child(5){
	-webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
dl.index_newslist_03 dd:nth-child(6){
	-webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
dl.index_newslist_03 dd:nth-child(7){
	-webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
dl.index_newslist_03 dd:nth-child(8){
	-webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
dl.index_newslist_03 dd:nth-child(9){
	-webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}
dl.index_newslist_03 dd:nth-child(10){
	-webkit-animation-delay: 1s;
    animation-delay: 1s;
}
/*首页日期在图片上的新闻列表*/
.index_newslist_04{
	width:1250px;
	overflow:hidden;
}
.index_newslist_04 li{
	list-style-type:none;
	float:left;
	width:285px;
	margin-right:20px;
	position:relative;
}
.index_newslist_04 li span{
	display:block;
}
.index_newslist_04 li .pic{
	width:100%;
	height:200px;
	position:relative;
	overflow:hidden;
}
.index_newslist_04 li img{
	max-width:100%;
	height:auto;
	display:block;
}
.index_newslist_04 li .time{
	width:65px;
	height:55px;
	font-family:Arial;
	text-align:center;
	color:#fff;
	position:absolute;
	z-index:2;
	right:10px;
	top:185px;
	background:#EAA700;
}
.index_newslist_04 li .time em{
	font-style:normal;
	display:block;
}
.index_newslist_04 li .time .ri{
	font-size:24px;
	line-height:35px;
}
.index_newslist_04 li h3{
	display:block;
	margin-top:50px;
}
.index_newslist_04 li h3 a{
	font-size:16px;
}
.index_newslist_04 p{
	overflow:hidden;
	display:block;
	margin-top:10px;
	line-height:22px;
	color:#666;
}
/*首页问答FAQ样式*/
dl.wenda_list{
	overflow:hidden;
	padding-bottom:8px;
	margin-bottom:8px;
	border-bottom:1px dashed #ccc;
}
dl.wenda_list dt{
	line-height:30px;
	background:url(../images/q.png) left center no-repeat;
	padding-left:40px;
	font-size:14px;
	font-weight:bold;
}
dl.wenda_list dt i{
	margin-right:8px;
}
dl.wenda_list dd{
	overflow:hidden;
	padding-left:40px;
	background:url(../images/a.png) left top no-repeat;
	line-height:20px;
	font-size:12px;
	color:#666;
}
dl.wenda_list dd i{
	height:50px;
	float:left;
	margin-right:8px;
	line-height:22px;
}
/*友情链接带图片样式*/
ul.link_01{
	overflow:hidden;
	width:1250px;
	margin-top:20px;
}
ul.link_01 li{
	float:left;
	width:102px;
	overflow:hidden;
	margin-right:5px;
	border:1px solid #ccc;
}
ul.link_01 li img{
	width:100%;
	height:auto;
	display:block;
}
/*仅文字链接*/
ul.link_02{
	text-align:left;
}
ul.link_02 a{
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding:0 10px;
	border-right:1px solid #ccc;
	line-height:13px;
	height:13px;
	margin-top:11px;
}



.lmmc{
	width:auto;
	overflow:hidden;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
}
.lmmc h2{
	font-size:26px;
	font-weight:normal;
	float:left;
	display:block;
}

/*----首页独立联系我们----*/
ul.index_contact_01{
	width:auto;
	overflow:hidden;
	margin:40px auto 0 auto;
}

ul.index_contact_01 li{
	float:left;
	font-size:18px;
	line-height:30px;
	padding-left:40px;
}
ul.index_contact_01 li span{
	height:90px;
	display:block;
}
ul.index_contact_01 li span img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0px auto;
}
ul.index_contact_01 li .txt{
	height:60px;
	overflow:hidden;
	font-size:18px;
	color:#6b6b6b;
	line-height:30px;
}

ul.index_contact_01 #shouji{
	background:url(../ico/shouji5.png) left center no-repeat;
}
ul.index_contact_01 #dianhua{
	background:url(../ico/dianhua5.png) left center no-repeat;
}
ul.index_contact_01 #youxiang{
	background:url(../ico/youxiang5.png) left center no-repeat;
}
ul.index_contact_01 #whatsapp{
	background:url(../ico/whatsapp.png) left center no-repeat;
}
ul.index_contact_01 #dizhi{
	background:url(../ico/dizhi5.png) left center no-repeat;
}
.zone{
	width:100%;
	min-width:1200px;
	overflow:hidden;
}




/*-----More按钮样式大全---*/
.more_01{
	display:block;
	line-height:35px;
	width:120px;
	text-align:center;
	transition:0.6s;
	background:#E30016;
	color:#fff;
	margin:0px auto;
}
.more_02{
	width:135px;
	height:40px;
	line-height:40px;
	border:1px solid #333;
	text-align:center;
	margin:0px auto 0 auto;
	display:block;
	transition:0.6s;
}
.more_02 i{
	margin-left:10px;
	font-size:20px;
}
.more_02:hover{
	background:#fff;
}
.more_03{
	display:block;
	width:189px;
	line-height:35px;
	text-transform:uppercase;
	background:#d8d8d8;
	transition:0.6s;
	text-align:center;
	margin:0px auto;
}
.more_03:hover{
	background:#59c4ed;
	color:#fff;	
}
/*---首页左边分类右边产品结构--*/
#zuo{
	width:330px;
	float:left;
	overflow:hidden;
}
#zuo #zuo_title{
	overflow:hidden;
	width:100%;
	height:25px;
}
#zuo #zuo_title h2{
	display:block;
	font-size:16px;
	text-transform:capitalize;
	text-indent:15px;
	color:#fff;
	line-height:25px;
}
#zuo #zuo_title i{
	font-size:24px;
	color:#C5EAFC;
	display:block;
	margin:0px auto;
}
#zuo #zuo_title h2 em{
	font-style:normal;
	font-weight:normal;
	color:#6b6b6b;
	margin-left:6px;
	font-size:12px;
}
#zuo #zuo_title p{
	display:block;
	margin-top:8px;
	color:#fff;
	text-transform:uppercase;
}
#zuo ul{
	overflow:hidden;
	padding:10px 20px 0px 20px;
	border:1px solid #ccc;
	border-top:none;
	height:530px;
}
#zuo ul li{
	line-height:40px;
	height:40px;
	position:relative;
	transition:0.5s;
	margin-top:10px;
	background:#949494;
	font-size:16px;
	
	text-indent:15px;
}
#zuo ul li:hover{
	border-color:#953735;
	background:#00A3FE;
}
#zuo ul li:hover a{
	color:#fff;
}
#zuo ul li a{
	display:block;
	color:#fff;
}
#zuo ul li i{
	float:right;
	margin-right:15px;
	margin-top:10px;
	font-size:18px;
}
#zuo ul li ul{
	display:none;
	position:absolute;
	left:100%;
	top:0;
	z-index:999999;
	width:280px;
	background:#999;
}
#zuo ul li ul li{
	margin-top:0!important;

}
#zuo ul li:hover ul{
	display:block;
}
#zuo #zuo_pd{
	padding:0 10px 10px 10px;
}

#zuo dl{
	overflow:hidden;
	border:1px solid #ccc;
	padding:10px;
}
#zuo dl dt{
	display:block;
	height:30px;
	line-height:30px;
	border-bottom:1px dashed #ddd;
	overflow:hidden;
}

#zuo dl dt i{
	color:#0265CB;
	margin-right:5px;
}
#zuo dl dt a{
	display:block;
	color:#0265CB;
}

#zuo dl dd{
	line-height:28px;
	border-bottom:1px dashed #ddd;
	padding-left:25px;
}
#zuo dl dd i{
	display:none;
}
#zuo dl dd a{
	
}

#zuo_biaoyu{
	width:auto;
	overflow:hidden;
	background:url(../images/zuo_biaoyu.png) top center no-repeat;
}
#zuo_biaoyu h3{
	line-height:33px;
	display:block;
	text-align:center;
	font-weight:normal;
	font-size:16px;
	color:#fff;
}
#zuo_biaoyu .pd{
	color:#fff;
	line-height:25px;
}
#zuo_lx{
	width:auto;
	overflow:hidden;
	background:#00A3FE;
	padding:15px;
	margin-top:20px;
}
#zuo_lx span{
	display:block;
	margin:18px 0 0 70px;
	font-size:18px;
}
#zuo_lx strong{
	display:block;
	margin:0 0 0 70px;
	font-size:24px;
	color:#da1c13;
}


#you{
	width:560px;
	float:left;
	overflow:hidden;
	margin-left:18px;
}

#you #you_title{
	height:25px;
	overflow:hidden;
}
/*
#you #you_title:after{
	border: solid transparent;
	content: ' ';
	height: 0;
	top: 100%;
	position: absolute;
	width: 0;
	border-width: 10px;
	border-top-color: #2F96D0;
	left: 50%;
	margin-left:-10px;
}
*/
#you #you_title h2{
	display:block;
	font-size:16px;
	text-transform:Capitalize;
	color:#fff;
	line-height:25px;
	text-indent:15px;
	/*
	float:left;
	margin:15px 0 0 15px;
	width:145px;
	height:45px;
	text-align:center;
	font-weight:normal;
	background:url(../images/you_title_h2.png) no-repeat;
	*/
}
#you #you_title span{
	float:right;
	margin-top:15px;
	margin-right:15px;
	display:block;
}
#you #you_title span a{
	display:block;
	text-transform:uppercase;
}
#you ul{
	width:600px;
	overflow:hidden;
}
#you ul li{
	width:270px;
	float:left;
	overflow:hidden;
	margin-right:20px;
	margin-top:20px;
}
#you ul li img{
	max-width:100%;
	height:auto;
	display:block;
	border:1px solid #ccc;
	transition:0.5s;
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	margin-top:10px;
}

#you ul li:hover img{
	border-color:#0265CB;
}
#you ul li h3{
	display:block;
	overflow:hidden;
	text-align:center;
	font-weight:normal;
	font-size:14px;
}
#you ul li h3 a{
	color:#0265CB;
}
#you ul li p{
	line-height:20px;
	text-align:left;
	margin-top:10px;
}
#you ul li h3 a{
	font-size:14px;
	font-weight:normal;
}
#you ul li .more{
	width:71px;
	height:18px;
	display:block;
	text-indent:10px;
	line-height:18px;
	background:url(/web/pic/more1.jpg) no-repeat;
	margin-top:10px;
	float:right;
}

/*-----底部共用-------*/
.footer_zone{
	width:100%;
	overflow:hidden;
	min-width:1200px;
	background:#343434;
	margin-top:40px;
}
.footer{
	width:1200px;
	overflow:Hidden;
	margin:30px auto 30px auto;
	color:#fff;
}
.footer a{
	color:#fff;
}
#footer_l{
	width:355px;
	float:left;
	overflow:hidden;
}
#footer_m{
	width:390px;
	float:left;
	overflow:hidden;
	margin-left:65px;
}
#footer_r{
	float:right;
	overflow:hidden;
	width:345px;
}

#chanpin{
	
}
#chanpin dd{
	width:50%;
	float:left;
}
.footer dl{
	float:left;
	overflow:hidden;
	min-width:100px;
	/*
	min-height:270px;
	background:url(../images/dl.png) right top no-repeat;
	*/
}
.footer dl dt{
	display:block;
	font-size:18px;
	margin-bottom:15px;
	text-transform:uppercase;
	/*
	padding-bottom:15px;
	background:url(../images/duanxian.png) left bottom no-repeat;
	background-size:50px;
	*/
}
.footer dl dt a{
	font-size:18px;
}
.footer dl dd{
	line-height:30px;
}
.footer dl dd a{

}
.footer dl dd i{
	margin-right:10px;
}
dl.last{
	width:auto;
	overflow:hidden;
	padding-right:0!important;
	margin-right:0!important;
	float:right!important;
	background:none!important;
}
dl.last img{
	max-width:100%;
	height:auto;
	display:block;
}
dl.last select{
	width:100%;
	height:30px;
	background:#686868;
	border:none;
	outline:none;
	cursor:pointer;
	text-indent:10px;
	line-height:30px;
}

#fbiaodan{
	width:285px;
	overflow:hidden;
	background:#fff;
	margin-top:20px;
}
#ftext{
	width:220px;
	background:#fff;
	border:none;
	height:35px;
	overflow:hidden;
	line-height:35px;
	text-indent:10px;
	color:#999;
}
#fbtn{
	border:none;
	background:none;
	display:block;
	width:65px;
	height:35px;
	line-height:35px;
	float:right;
	color:#fff;
	background:#000;
	text-align:center;
}

#ewm{
	overflow:hidden;
	margin:0px auto;
	width:165px;
	text-align:center;
	float:left;
}
#ewm img{
	max-width:100%;
	height:auto;
	display:block;
	margin-bottom:5px;
}

#footer_follow{
	overflow:hidden;
}

#footer_follow a{
	margin:0 5px 0 0;
}
#footer_follow img{
	width:25px;
	height:auto;
}
#footer_follow i{
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:#333;
	color:#fff;
	font-size:16px;
	margin-right:0!important;
}
#footer_follow span{
	display:block;
	text-transform:uppercase;
	color:#fff;
	font-size:16px;
	margin-bottom:10px;
}
#copy_zone{
	width:100%;
	overflow:hidden;
	min-width:1200px;
	background:#111111;
}
#copy{
	width:1200px;
	margin:0px auto 0 auto;
	overflow:hidden;
	line-height:25px;
	padding:10px 0;
	color:#fff;
	border-top:1px solid #565656;
}
#copy a{
	color:#fff;
}
#copy_l{
	float:left;
	overflow:hidden;
	max-width:800px;
}
#copy_r{
	float:right;
	overflow:hidden;
}

/*-----在线客服--------*/
.side {
	position:fixed;
	width:45px;
	height:325px;
	right:0;
	top:400px;
	z-index:9999;
}
.side ul li {
	width:45px;
	height:45px;
	line-height:45px;
	float:left;
	position:relative;
	border-bottom:1px solid #999;
}
.side ul li .sidebox {
	position:absolute;
	width:45px;
	height:45px;
	line-height:45px;
	top:0;
	right:0;
	transition:all 0.3s;
	background:#333;
	color:#fff;
	font:14px/54px "微软雅黑";
	overflow:hidden;
}
.side ul li .sidetop {
	width:45px;
	height:45px;
	line-height:45px;
	display:inline-block;
	background:#333;
	transition:all 0.3s;
}
.side ul li img {
	float:left;
}
/*--------------内页样式----------------------*/
.ny_banner{
	width:100%;
	min-width:1200px;
	overflow:hidden;
}
.ny_banner img{
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
}
.wz_zone{
	width:100%;
	min-width:1200px;
	height:50px;
	line-height:50px;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#C5C5BE,direction=120,strength=4);
    -moz-box-shadow: 2px 2px 10px #C5C5BE;
    -webkit-box-shadow: 2px 2px 10px #C5C5BE;
    box-shadow:2px 2px 10px #C5C5BE;
	margin-bottom:3px;
	background-color:#fff;
}
.wz{
	width:1200px;
	overflow:hidden;
	margin:0px auto;
}
.wz span{
	color:#666;
	font-size:14px;
	float:right;
	background:url(../images/wz_ico.png) left center no-repeat;
}
.wz span a{
	color:#666;
	font-size:14px;
}
.wz h2{
	font-size:24px;
	text-transform:uppercase;
	text-indent:40px;
	background:url(../images/wz.png) left center no-repeat;
	line-height:50px;
	font-weight:normal;
	color:#333;
}
.left_wrap{
	float:left;
	width:250px;
}
.left_wrap h2{
	width:auto;
	height:45px;
	line-height:45px;
	text-indent:20px;
	color:#fff;
	font-size:18px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	font-weight:normal;
}
.zlm{
	width:auto;
	border-left:1px solid #d8d8d8;
	border-right:1px solid #d8d8d8;
	border-top:none;
	border-bottom:1px solid #d8d8d8;
}
.zlm dl{
	overflow:hidden;
}
.zlm dl dt{
	height:40px;
	background:#f1f1f1;
	line-height:40px;
	text-indent:20px;
	border-bottom:1px solid #d8d8d8;
	cursor:pointer;
}
.zlm dl dt a{
	
}
.zlm dl dt i{
	float:right;
	margin:14px 10px 0 0;
	font-size:16px;
	cursor:pointer;
}
.zlm dl dt:hover,.zlm dl #zlm_on,.zlm dl .zlm_on{
	background:#11100E;
}
.zlm dl dt:hover a,.zlm dl #zlm_on a,.zlm dl .zlm_on a,.zlm dl dt:hover i,.zlm dl #zlm_on i,.zlm dl .zlm_on i{
	color:#fff;
}
.zlm dl .sanji{
	display:none;
	border-bottom:1px solid #d8d8d8;
}
.zlm dl .sanji li{
	height:35px;
	line-height:35px;
	position:relative;
	text-indent:30px;
}
.zlm dl .sanji li a{
	display:block;
}
.left_lxxx{
	padding:10px;
	font-size:14px;
	color:#333;
	line-height:25px;
	border:1px solid #d8d8d8;
	border-top:none;
	word-break:break-all;
}
.left_lxxx a{
	color:#333;
}
.right_wrap{
	width:930px;
	overflow:Hidden;
	float:right;
}
.right_title{
	padding-bottom:10px;
	border-bottom:1px solid #d8d8d8;	
}
.right_title h2{
	font-size:26px;
	font-weight:normal;
}
.tulist{
	overflow:hidden;
	clear:both;
	width:1000px;
	margin-top:20px;
}
.tulist li{
	text-align:center;
	list-style-type:none;
	float:left;
	width:295px;
	margin:0 16px 20px 0px;
	overflow:Hidden;
	border:1px solid #d8d8d8;
	background-color:#fff;
	text-align:center;
}
.tulist li img{
	width:100%;
	height:auto;
	display:block;
	border-bottom:1px solid #d8d8d8;
}
.tulist li h3{
	background-color:#d8d8d8;
}
.tulist li h3 a{
	line-height:40px;
	font-size:14px;
	color:#333;
}


.tulist_02{
	width:1000px;
}
.tulist_02 li{
	list-style-type:none;
	float:left;
	width:220px;
	margin-right:15px;
	margin-bottom:15px;
	text-align:center;
}
.tulist_02 li img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0px auto;
}
.tulist_02 li h3{
	font-size:14px;
	font-weight:normal;
	display:block;
	line-height:30px;
}

.tulist_03{
	width:1250px;
	overflow:hidden;
}
.tulist_03 li{
	list-style-type:none;
	float:left;
	width:399px;
	margin-right:1px;
	text-align:center;
}
.tulist_03 li img{
	width:100%;
	height:auto;
	display:block;
}
.tulist_03 li h3{
	font-size:18px;
	font-weight:normal;
	display:block;
	line-height:60px;
	color:#fff;
	background:#656565;
}
.tulist_03 li h3 a{
	color:#fff;
}
ul.wzlist{
	width:auto;

}
ul.wzlist li{
	line-height:40px;
	border-bottom:1px dotted #d8d8d8;
}
ul.wzlist li i{
	margin-right:10px;
}
ul.wzlist li a{
	font-size:14px;
}
ul.wzlist li span{
	float:right;
	margin-right:10px;
	color:#989898;
	font-size:12px;
}
.pro_main{
	margin-top:20px;
	overflow:hidden;
}
.pro_left{
	width:455px;
	float:left;
}
.pro_right{
	width:450px;
	float:right;
	overflow:hidden;
	line-height:25px;
}
.pro_right h2{
	font-size:22px;
	padding-bottom:10px;
	display:block;
	font-weight:normal;
}
.pro_info{
	margin-top:10px;
	overflow:hidden;
	line-height:25px;
}
dl.tuwenlist{
	width:100%;
	margin:10px auto;
	padding-bottom:10px;
	overflow:Hidden;
	border-bottom:1px dashed #e1e1e1;
}
dl.tuwenlist dt{
	float:left;
	width:220px;
	overflow:hidden;
}
dl.tuwenlist dt img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0px auto;
}
dl.tuwenlist dd{
	margin-left:240px;
}
dl.tuwenlist dd h2{
	font-size:16px;
	margin-bottom:10px;
}
dl.tuwenlist dd .info{
	font-size:14px;
	line-height:30px;
	color:#666;
}
dl.tuwenlist dd span{
	margin-top:10px;
	float:right;
}
dl.tuwenlist dd span a{
	width:120px;
	height:35px;
	line-height:35px;
	text-align:center;
	display:block;
	font-size:12px;
	color:#fff;
}
.ny_h1{
	font-size:22px;
	text-align:center;
	font-weight:normal;
	display:block;
	margin-top:20px;
}

.wzinfo{
	width:100%;
	text-align:center;
	color:#999;
	margin-top:20px;
	font-size:14px;
	border-bottom:1px solid #ddd;
	padding-bottom:20px;
	margin-bottom:25px;
}
.wzinfo .time{
	display:inline-block;
	*display:inline;
	*zoom:1;
	line-height:20px;
	padding-left:25px;
	background:url(../ico/time.png) left center no-repeat;
}
.wzinfo .click{
	display:inline-block;
	*display:inline;
	*zoom:1;
	line-height:20px;
	padding-left:25px;
	margin-left:50px;
	background:url(../ico/click.png) left center no-repeat;
}

/*----------下载表格----------*/
.biaoge{
	width:100%;
	border-collapse:collapse;
}
.biaoge tr td,.biaoge tr th{
	border:#ccc solid 1px;  
    padding:10px 0 10px 15px;
}
.biaoge tr th,.biaoge .down_b{
	background:#fff;
}
.biaoge .fa-caret-right{
	margin-right:10px;
}
.biaoge .fa-cloud-download{
	font-size:30px;
	margin:0px auto;
	display:block;
	text-align:center;
	margin-left:-15px;
}
/*--------------留言表单CSS样式-------------*/
#feedback_txt{
	overflow:hidden;
	padding:10px 10px 10px 60px;
	font-size:16px;
	line-height:45px;
	background:url(../ico/feedback.png) 10px center no-repeat #f1f1f1;
	min-height:50px;
	margin-top:15px;
}
#biaodan{
	width:auto;
	overflow:hidden;
	margin:20px 0 20px 0;
}
#biaodan p{
	display:block;
	margin-top:15px;
	overflow:hidden;
	clear:both;
}
#biaodan p label{
	width:80px;
	float:left;
	text-align:right;
	overflow:hidden;
	margin-right:5px;
	line-height:25px;
}
.itext{
	width:400px;
	height:25px;
	border:1px solid #c8c8c8;
	line-height:25px;
	text-indent:10px;
	display:block;
	float:left;
	overflow:hidden;
	color:#666;
	-moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
	-moz-box-shadow:2px 2px 5px #ddd inset;
	-webkit-box-shadow:2px 2px 5px #ddd inset;
	box-shadow:2px 2px 5px #ddd inset;
	background:#fff;
}
.icontent{
	width:400px;
	height:85px;
	border:1px solid #c8c8c8;
	line-height:25px;
	text-indent:10px;
	display:block;
	float:left;
	overflow:hidden;
	color:#666;
	-moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
	-moz-box-shadow:2px 2px 5px #ddd inset;
	-webkit-box-shadow:2px 2px 5px #ddd inset;
	box-shadow:2px 2px 5px #ddd inset;
	background:#fff;
}
.ibtn{
	width:100px;
	height:30px;
	text-align:center;
	line-height:30px;
	-moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
	border:none;
	outline:none;
	cursor:pointer;
	margin:5px 20px 5px 5px;
	color:#fff;
}
.ibtn:hover{
	-moz-box-shadow:2px 2px 5px #333;
	-webkit-box-shadow:2px 2px 5px #333;
	box-shadow:2px 2px 5px #333;
	transition:0.6s;
}
/*底部表单*/
.fbiaodan{
	overflow:hidden;
	margin:0px auto;
}
.ftext{
	height:40px;
	text-indent:10px;
	line-height:40px;
	width:230px;
	border:none;
	overflow:hidden;
	background:#fff;
	display:block;
}
.fcontent{
	width:450px;
	height:85px;
	background:#fff;
	border:none;
	padding:10px;
	line-height:20px;
	overflow:hidden;
}
.fbtn{
	width:90px;
	height:35px;
	text-align:center;;
	line-height:35px;
	cursor:pointer;
	display:block;
	border:none;
	background:#fff;
	margin-top:10px;
	font-size:16px;
	color:#0577C0;
	float:right;
	text-transform:uppercase;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999; opacity:1; 
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;opacity:1;
}

textarea:-ms-input-placeholder,input:-ms-input-placeholder{
    color: #999;opacity:1;
}

textarea::-webkit-input-placeholder,input::-webkit-input-placeholder{
    color: #999;opacity:1;
}
/*---------------其它碎片样式代码------------*/
#about_zone{
	background:url(../images/about_zone.jpg) top center no-repeat;
	background-attachment:fixed;
	overflow:hidden;
}
#about_box{
	overflow:hidden;
	background:#fff;
	margin-bottom:5px;
	-moz-box-shadow:0px 0px 5px #999;
	-webkit-box-shadow:0px 0px 5px #999;
	box-shadow:0px 0px 5px #999;
	height:418px;
}
#about_left{
	width:599px;
	float:left;
	overflow:hidden;
}
#about_zlm{
	margin-top:15px;
	overflow:hidden;
	text-align:center;
}
#about_zlm a{
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding:5px 20px;
	margin:0 10px;
	border:1px solid #fff;
	color:#fff;
}
#about_pic{
	overflow:hidden;
}
#about_pic img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0px auto;
}
#about_pic h3{
	display:block;
	width:100%;
	position:absolute;
	height:30px;
	line-height:30px;
	font-size:18px;
	color:#fff;
	text-align:center;
	left:0;
	bottom:0;
	z-index:3;
	font-weight:normal;
	background:url(../images/black.png);
}
#about_right{
	width:610px;
	float:right;
	overflow:hidden;
}
#about_right img{
	max-width:100%;
	height:auto;
	display:block;	
}
#about_right h4{
	display:block;
	font-size:30px;
	text-transform:uppercase;
}
#about_title{
	overflow:hidden;
	color:#fff;
}
#about_title h2{
	font-size:36px;
	text-transform:uppercase;
	display:block;
	font-weight:normal;
}

#about_title h3{
	font-size:24px;
	
	margin-top:35px;
	font-weight:normal;
}
#about_title p{
	color:#666;
	display:block;
	margin-top:10px;
}
#about_title .line{
	width:130px;
	height:2px;
	display:block;
	margin:35px auto 0 auto;
	background:#fff;
}

#about_txt{
	overflow:hidden;
	line-height:30px;
	margin:0px auto;
	width:90%;
	text-align:center;
}
#about_txt img{
	max-width:100%;
	height:auto;
	margin-top:15px;
}
#about_more{
	color:#fff;
	margin-top:60px;
	display:block;
	font-size:18px;
	float:right;
	margin-right:5px;
}
#about_more i{
	margin-left:10px;
}
#about_more:hover{
	color:#fff;
}
#news_zone{
	background:url(../images/news_zone.jpg) center center repeat-x;
}
#news_box{
	width:600px;
	-moz-box-shadow:0px 2px 5px #999;
	-webkit-box-shadow:0px 2px 5px #999;
	box-shadow:0px 2px 5px #999;
	overflow:hidden;
	float:right;
	position:absolute;
	z-index:2;
	right:0;
	top:20px;
}
#news_pic{
	width:610px;
	float:left;
	overflow:hidden;
	position:absolute;
	z-index:1;
	left:0;
	top:0;
}
#news_pic img{
	max-width:100%;
	height:auto;
	display:block;
}
#news_more{
	display:block;
	color:#f20001;
	right:0;
	bottom:25px;
	position:absolute;
}
#news_more i{
	margin-left:10px;
}
#other_box{
	width:265px;
	float:right;
	overflow:hidden;
}
#other_box h2{
	height:25px;
	line-height:25px;
	display:block;
	text-indent:15px;
	color:#fff;
	font-size:16px;
	background:url(/web/pic/other_title.jpg) left top repeat-y;
}
#other_box img{
	max-width:100%;
	height:auto;
	display:block;
}
#other_more{
	border:1px solid #0265CB;
	width:95px;
	height:30px;
	background:#0265CB;
	text-align:center;
	line-height:30px;
	color:#fff;
	display:block;
}
#other_more i{
	width:30px;
	height:30px;
	float:right;
	background:#fff;
	color:#666;
	line-height:30px;
}
#pro_title{
	overflow:hidden;
	padding-left:15px;
	border-left:10px solid #1AA71A;
}
#pro_title h2{
	display:block;
	font-size:36px;
	text-transform:uppercase;
}
#pro_title p{
	display:block;
	width:770px;
	line-height:25px;
	margin-top:5px;
}
#pro_title p span{
	display:block;
	padding-right:10px;
	color:#666;
	text-transform:uppercase;
	background:#fff;
	float:left;
	line-height:20px;
}

#pro_more{
	overflow:hidden;
	background:url(../images/dian.jpg) center center repeat-x;
	text-align:center;
}
#pro_more a{
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:150px;
	height:40px;
	line-height:40px;
	-moz-border-radius: 10px;      /* Gecko browsers */
    -webkit-border-radius: 10px;   /* Webkit browsers */
    border-radius:10px;            /* W3C syntax */
	border:1px solid #ccc;
	background:#fff;
}
#pro_more a:hover{
	background:#6e4235;
	color:#fff;
	transition:0.5s;
}
/*---------我们的优势----------*/
#ys_zone{
	background:url(../images/ys_zone.jpg) top center no-repeat;
	overflow:hidden;
	height:580px;
}
.ys_title{
	margin:0px auto;
	overflow:hidden;
}
#ys_title_en{
	height:271px;
	background:url(../images/ys_title_en.jpg) top center no-repeat;
}
#ys_title_zh_cn{
	height:271px;
	background:url(../images/ys_title_zh_cn.jpg) top center no-repeat;
}
.ys_title_p1{
	display:block;
	margin-left:213px;
	text-transform:uppercase;
	margin-top:60px;
	font-size:18px;
	color:#099ce6;
}
.ys_title_p2{
	display:block;
	margin-left:100px;
	text-transform:uppercase;
	margin-top:10px;
	font-size:18px;
}


.ys{
	overflow:hidden;
	clear:both;
	width:auto;
	height:470px;
	position:relative;
	background:url(../images/ys_bg.png) center top no-repeat;
	margin-top:35px;
}
.ys_pic{
	
}
.ys_pic img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0px auto;
}

.ys_txt{
	overflow:hidden;
	width:265px;
	float:left;
	margin:60px  46px 0 0;
}
.ys_txt dt{
	width:40px;
	display:block;
	float:left;
	overflow:hidden;
	/*
	height:56px;
	text-align:center;
	background:url(../ico/dunpai_lv.png) no-repeat;
	font-family:Arial;
	display:block;
	font-size:30px;
	color:#fff;
	
	line-height:56px;
	font-weight:bold;
	*/
}
.ys_txt dt img{
	max-width:100%;
	height:auto;
	display:block;
}
.ys_txt dt span{
	transform:skewX(-10deg);
	-ms-transform:skewX(-10deg); 	/* IE 9 */
	-moz-transform:skewX(-10deg); 	/* Firefox */
	-webkit-transform:skewX(-10deg); /* Safari 和 Chrome */
	-o-transform:skewX(-10deg); 	/* Opera */
	font-size:30px;
	display:block;
}
.ys_txt dd{
	margin-left:55px;
}
.ys_txt h2{
	font-size:18px;
	font-weight:normal;
	display:block;
	text-transform:uppercase;
	color:#ccc;
	margin-top:5px;
}
.ys_txt h3{
	display:block;
	font-size:16px;
	font-weight:normal;
	text-transform:uppercase;
}
.ys_txt p{
	overflow:hidden;
	display:block;
	line-height:23px;
	margin-top:5px;
	color:#666;
}
.ys_txt ul{
	overflow:hidden;
	margin-top:15px;
	line-height:25px;
}
.ys_txt ul li{
	line-height:35px;
	padding-left:15px;
	background:url(../ico/ys_li.png) left 15px no-repeat;
	font-size:16px;
}
#zs_title_box{
	overflow:hidden;
	background:url(../images/zs_title.jpg) center center repeat-x;
}
#zs_title{
	width:275px;
	background:#fff;
	margin:0px auto;
	overflow:hidden;
	padding: 0 10px;
}
#zs_title h2{
	font-size:30px;
	color:#000;
	text-transform:uppercase;
}
#zs_title h2 em{
	font-style:normal;
	font-family:Impact;
	font-size:24px;
	color:#919191;
	font-weight:normal;
	text-transform:uppercase;	
}

#news_title{
	float:left;
	overflow:Hidden;
}
#news_title h2{
	font-size:16px;
	color:#fff;
	display:inline-block;
	*display:inline;
	*zoom:1;
	text-transform:uppercase;
	background:#0083C7;
	line-height:45px;
	padding:0 15px;
	float:left;
	font-weight:normal;
}
#news_title i{
	color:#0083C7;
	font-size:20px;
	margin-left:-1px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin-top:12px;
}
.news_l{
	overflow:hidden;
	width:585px;
	float:left;
}
.news_l img{
	max-width:100%;
	height:auto;
	display:block;
	/*
	left:0px;
	top:0;
	position:absolute;
	z-index:1;
	*/
}
.news_l a{
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	z-index:10;
	position:absolute;
	left:0;
	top:0;
}
.news_l .txt{
	width:100%;
	padding:10px 0;
	background:url(../images/black.png);
	position:absolute;
	left:0;
	bottom:0;
	z-index:5;
}
.news_l .txt h3{
	color:#fff;
	font-size:18px;
	font-weight:normal;
	padding:0 10px;
	display:block;
}
.news_l .txt p{
	color:#fff;
	padding:0 10px;
	margin-top:5px;
	display:block;
}


.news_content{
	overflow:hidden;
	width:590px;
	float:right;
}
.news_content dl{
	overflow:hidden;
	margin-bottom:10px;
}
.news_content dl dt{
	width:170px;
	text-align:center;
	display:block;
	float:left;
	overflow:hidden;
}
.news_content dl dt img{
	max-width:100%;
	height:auto;
	display:block;
}
.news_content dl dt span{
	display:block;
	text-align:center;
	color:#666;
}
.news_content dl dt .ri{
	font-size:50px;
	font-weight:bold;
}
.news_content dl dt .nian{
	font-size:14px;
	margin-top:5px;
}
.news_content dl dd{
	margin-left:190px;
	overflow:hidden;
}
.news_content dl dd h3{
	display:block;
}
.news_content dl dd h3 a{
	font-size:16px;
}
.news_content dl dd p{
	color:#666;
	margin-top:15px;
	overflow:hidden;
	line-height:23px;
}

.news_content dl dd .time{
	color:#e30016;
	display:block;
	margin-top:15px;
}
.news_content dl dd .detail{
	border:1px solid #0141AB;
	background:#0141AB;
	color:#fff;
	margin-top:3px;
	font-size:12px;
	width:70px;
	height:20px;
	display:block;
	text-align:center;
	line-height:20px;
}

.news_content dl dd .detail:hover{
	background-color:#0141AB;
	border-color:#0141AB;
	color:#fff;
	transition:0.5s;
}
#link_zone{
	background:url(../images/link_zone.jpg) top center repeat-x;
	padding-top:25px;
}
#link_zone span{
	float:left;
	display:block;
	line-height:25px;
	color:#fff;
	text-transform:uppercase;
	font-size:18px;
	margin-left:10px;
}
#link_zone span i{
	margin-left:10px;
}
#link_title{
	float:left;
}
#link_title h2{
	font-size:16px;
	text-transform:uppercase;
	float:left;
	padding:7px 20px;
	background:#E30016;
	color:#fff;
}
#link_title i{
	margin-left:-1px;
	font-size:24px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin-top:7px;
	color:#E30016;
}
.index_ad{
	overflow:hidden;
}
.index_ad img{
	max-width:100%;
	height:auto;
	display:block;
}
#index_ad_txt{
	font-size:24px;
	text-align:center;
	color:#fff;
	margin-top:50px;
}

#index_ad_txt .line{
	width:135px;
	display:block;
	height:2px;
	background:#333;
}
#index_ad2{
	height:575px;
	overflow:hidden;
	margin-top:40px;
	background:url(../images/index_ad2.jpg) center center no-repeat;
	background-attachment:fixed;
}


/*首页横排圆形图标*/
ul.yuan{
	width:1250px;
	overflow:hidden;
}
ul.yuan li{
	width:190px;
	float:left;
	margin-right:12px;
	overflow:hidden;
	text-align:center;
}
ul.yuan li .pic{
	display:block;
	position:relative;
	overflow:hidden;
	height:207px;
}
ul.yuan li img{
	display:block;
	max-width:100%;
	height:auto;
	margin:0px auto 0 auto;
	transition:1s;
	z-index:1;
	position:absolute;
}
ul.yuan li .zhezhao{
	display:block;
	position:absolute;
	z-index:3;
	background:url(../images/lm_yuan.png) no-repeat;
	width:100%;
	height:207px;
}
ul.yuan li:hover img{
	transform:rotate(360deg);
}
ul.yuan li h3{
	font-size:14px;
	display:block;
	margin-top:15px;
	text-align:center;
}
ul.yuan li h3 a{
	font-weight:normal;
}
ul.yuan li p{
	display:block;
	line-height:25px;
	margin-top:10px;
	overflow:hidden;
	color:#666;
}
#why_zone{
	height:507px;
	background:url(../images/why_zone.jpg) center center no-repeat;
	margin-top:30px;
}
#honor_box{
	width:225px;
	float:right;
	overflow:hidden;
}
#v_zone{
	min-height:500px;
	background:url(../images/v_zone.jpg) bottom center no-repeat;
}


#down_box{
	width:575px;
	overflow:hidden;
	float:right;
}
#app_zone{
	height:660px;
	margin-top:30px;
	background:url(../images/app_zone.jpg) center center no-repeat;
}
#app_title{
	width:640px;
	top:80px;
	right:0px;
	position:absolute;
	color:#fff;
}
#app_title h2{
	font-size:30px;
	text-transform:uppercase;
	display:block;
	margin-bottom:10px;
}
#app_title p{
	line-height:25px;
}
#app_list li{
	width:250px;
	height:210px;
	overflow:hidden;
	position:absolute;
}
#app_list li a{
	background:url(../images/black.png);
	width:100%;
	height:100%;
	overflow:hidden;
	display:block;
	transform:scale(0);
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	transition:0.6s;
}
#app_list li a h4{
	padding:0 10px;
	color:#fff;
	font-weight:normal;
	line-height:25px;
	margin-top:20%;
}
#app_list li img{
	width:auto;
	height:100%;
	display:block;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
}
#app_list li:hover a{
	transform:scale(1);
}
#app_list #li1{
	left:250px;
	top:0;
}
#app_list #li2{
	left:0px;
	top:210px;
}
#app_list #li3{
	left:250px;
	top:210px;
}
#app_list #li4{
	left:500px;
	top:210px;
}
#app_list #li5{
	left:750px;
	top:210px;
}
#app_list #li6{
	left:500px;
	top:420px;
}
#support{
	width:890px;
	float:left;
	overflow:hidden;
}
#support li{
	width:230px;
	float:left;
	margin-right:60px;
}
#support li a{
	color:#fff;
}
#support li i{
	width:110px;
	height:110px;
	display:block;
	border:1px solid #fff;
	font-size:60px;
	text-align:center;
	line-height:110px;
	margin:0px auto;
}
#support li h3{
	display:block;
	text-transform:uppercase;
	text-align:center;
	font-size:24px;
	margin-top:20px;
}
#support li p{
	margin-top:10px;
	height:44px;
	line-height:22px;
	overflow:hidden;
	display:block;
}
#contact_zone{
	background:url(../images/contact_zone.jpg) center center repeat-y;
}
#contact_left{
	width:615px;
	float:left;
	overflow:hidden;
}
#contact_txt{
	width:400px;
	float:right;
	line-height:25px;
	overflow:hidden;
}
#contact_right{
	width:490px;
	float:right;
	overflow:hidden;
}
#contact_title h2{
	font-size:30px;
	color:#1e3288;
	display:block;
	text-transform:uppercase;
}
#contact_title h3{
	color:#86ba38;
	font-size:18px;
	text-transform:uppercase;
	display:block;
	margin-top:5px;
	font-weight:normal;
}





#licheng{
	height:543px;
	background:url(../images/zhong.jpg) center center no-repeat;
	overflow:hidden;
	margin-top:45px;
}
#licheng .shang{
	width:228px;
	height:249px;
	background:url(../images/shang.png) no-repeat;
	overflow:hidden;
	float:left;
}
#licheng .shang span{
	display:block;
	font-size:30px;
	font-weight:bold;
	color:#fff;
	text-indent:25px;
	line-height:70px;
}
#licheng .shang p{
	display:block;
	color:#666;
	line-height:25px;
	padding:0 15px;
	margin-top:50px;
	font-size:16px;
}
#shang2,#shang3,#shang4{
	margin-left:48px;
}
#licheng .xia{
	width:228px;
	height:247px;
	background:url(../images/xia.png) no-repeat;
	overflow:hidden;
	float:left;
}
#licheng .xia span{
	display:block;
	font-size:30px;
	font-weight:bold;
	color:#fff;
	text-indent:25px;
	line-height:70px;
}
#licheng .xia p{
	display:block;
	color:#666;
	line-height:25px;
	padding:0 15px;
	margin-top:35px;
	font-size:16px;
	height:140px;
	overflow:hidden;
}
#xia1{
	margin-left:80px;
}
#xia2,#xia3,#xia4{
	margin-left:55px;
}
#ex{
	width:530px;
	overflow:hidden;
	float:right;
}
#ex dl{
	width:auto;
	overflow:hidden;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
}
#ex dl dt{
	width:185px;
	float:left;
	overflow:hidden;
}
#ex dl dt img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0px auto;
}
#ex dl dd{
	margin-left:225px;
	line-height:22px;
	font-size:13px;
}
#footer_biaoyu{
	text-align:center;
	font-size:24px;
	color:#fff;
	font-style:italic;
}

#logo_xia{
	float:left;
	overflow:hidden;
	margin:0px 0 0 180px;
}
#v img{
	max-width:100%;
	height:auto;
	display:block;
}
#vlist{
	width:1250px;
	overflow:hidden;
	margin-top:35px;
}
#vlist li{
	width:385px;
	float:left;
	overflow:hidden;
	margin-right:22.5px;
	text-align:center;
}
#vlist li .pic{
	display:block;
	width:100%;
	height:288px;
	position:relative;
	overflow:hidden;
}
#vlist li .pic img{
	position:absolute;
	z-index:1;
	max-width:100%;
	height:auto;
	display:block;
}
#vlist li .pic a{
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	background:url(../images/v.png) center center no-repeat;
	position:absolute;
	z-index:5;
}
#vlist li .vinfo{
	padding:10px;
}
#vlist li h3{
	display:block;
	font-weight:normal;
	margin-top:10px;
}
#vlist li h3 a{
	font-size:16px;
}
#vlist li p{
	line-height:20px;
	color:#666;
	margin-top:10px;
	display:block;
}

/* banner */
.banner { width: 100%; min-width:1200px;height: 585px; overflow: hidden; position: relative; text-align: center;background:#fff!important; }
.banner:hover .ctrl { width: 1200px; margin-left: -600px; opacity: 1; filter: alpha(opacity = 100); }
.banner .bd { height: 585px; position: relative; left: 50%; margin-left: -960px;}
.banner .bd li { width: 1920px; }
/*banner2*/
.bxslider{
	min-width:1200px;
}
.bxslider li{
	height:500px;
}
.maplist dl{
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #ccc;
}
.maplist dl dt{
	display:block;
	line-height:30px;
	background:#f0f0f0;
	border-left:5px solid #004299;
	font-size:18px;
	text-indent:25px;
}
.maplist dl dd{
	margin-top:20px;
	padding-left:30px;
}
.maplist dl dd a{
	margin-right:30px;
}

#zuo_so{
	margin-top:25px;
	padding-left:15px;
}
#zuo_so h3{
	font-size:20px;
	color:#4ba3c7;
	text-transform:uppercase;
	display:block;
}
.index_search{
	width:205px;
	height:35px;
	overflow:hidden;
	background:#fff;
	margin-top:20px;
}

.index_search .index_key_text{
	height:35px;
	float:left;
	width:150px;
	overflow:hidden;
	text-indent:10px;
	line-height:35px;
	outline:none;
	background:none;
	color:#666;
	border:none;
}
.index_search .index_search_btn{
	float:right;
	cursor:pointer;
	border:none;
	outline:none;
	margin:5px 5px 0 0;
	/*
	width:160px;
	height:57px;
	color:#fff;
	overflow:hidden;
	line-height:57px;
	background:url(../images/zuo_search_bg.png) right center no-repeat;
	font-size:16px;
	margin-right:10px;
	text-transform:uppercase;
	*/
}

#partner{
	margin-top:30px;
}
#partner h3{
	display:block;
	font-size:18px;
	text-transform:uppercase;
	margin-bottom:15px;
	font-weight:normal;
}

.donghua{
	height:80px!important;
	-webkit-animation-delay: 5s;
    animation-delay: 5s;

}


.index_lm{
	width:1250px;
	overflow:hidden;
	text-align:center;
}
.index_lm li{
	width:290px;
	float:left;
	overflow:hidden;
	margin-right:13.3333333px;
}
.index_lm li img{
	max-width:100%;
	height:auto;
	display:block;
	margin:10px auto 0 auto;
}
.index_lm li h3{
	display:block;
	font-size:24px;
	font-weight:normal;
	color:#fff;
}
.index_lm li h3 a{
	color:#fff;
	padding-right:30px;
	background:url(../ico/sanjiao.png) right center no-repeat;
}
#so{
	width:20px;
	height:20px;
	display:block;
	background:url(../ico/so.png) no-repeat;
	cursor:pointer;
	margin-top:35px;
}
#search_box{
	background:#f0f0f0;
	position:absolute;
	top:90px;
	right:0;
	z-index:99999;
	padding:10px;
	display:none;
}
#search_box:before{
	border: solid transparent;
	content: ' ';
	height: 0;
	bottom: 100%;
	position: absolute;
	width: 0;
	border-width: 10px;
	border-bottom-color: #666;
	right:0;
	margin-right:10px;
}
#so_zone{
	background:#EDEDED;
	overflow:hidden;
	padding:10px 0;
	border-bottom:1px solid #ccc;
}
#hot_l{
	width:auto;
	max-width:790px;
	overflow:hidden;
	float:left;
	line-height:32px;
}
#so_zone #hot_l span{
	display:block;
	float:left;
	color:#00a64a;
	margin-right:10px;
}


#job_box{
	width:535px;
	overflow:hidden;
	float:left;
	padding-left:10px;
}
#job_box table{
	border:none;
	width:100%;
}
#job_box table th{
	border:none;
	padding:5px 0;
	line-height:40px;
	border-bottom:1px solid #ccc;	
	background:#e9e9e9;
	text-indent:15px;
}
#job_box table td{
	border:none;
	padding:5px 0;
	line-height:30px;
	border-bottom:1px solid #ccc;
}
#job_box table td i{
	color:#3BACFC;
	margin-right:10px;
}

#other{
	height:30px;
	position:relative;
	cursor:pointer;
	float:right;
}
#other p{
	display:block;
	line-height:30px;
	cursor:pointer;
	border:1px solid #ccc;
	text-align:center;
	font-size:12px;
	padding:0 15px;
}
#other p i{
	margin-right:10px;
	font-size:16px;
}
#other ul{
	position:absolute;
	right:0;
	top:30px;
	width:100%;
	display:none;
	border:1px solid #62A4D8;
	background:#f0f0f0;
	z-index:9999999;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
#other ul li{
	line-height:30px;
	text-align:center;
	border-bottom:1px solid #ccc;
}
#other ul li:hover{
	background:#fff;
	transition:0.5s;
}


/*首页产品循环*/
.index_prolist{
	margin-top:30px;
	overflow:hidden;
}
.index_prolist_title{
	width:240px;
	height:218px;
	overflow:hidden;
	float:left;
	background:url(../images/index_prolist_title.png) no-repeat;
}
.index_prolist_title h2{
	text-align:center;
	line-height:210px;
	font-size:36px;
	display:block;
}
.index_prolist ul{
	width:1250px;
}
.index_prolist ul li{
	width:206px;
	float:left;
	overflow:hidden;
	text-align:center;
	margin-right:12.5px;
	border:2px solid #ccc;
	padding:10px;
}
.index_prolist ul li img{
	max-width:100%;
	height:auto;
	display:block;
	/*
	border:1px solid #ccc;
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	*/
}
.index_prolist ul li:hover{
	border-color:#6AB14B;
}
.index_prolist ul li h3{
	display:block;
	margin-top:10px;
}
.index_prolist ul li h3 a{
	font-weight:normal;
	font-size:18px;
}


#top_tel{
	padding-left:35px;
	background:url(../ico/top_tel_16.jpg) left center no-repeat;
	line-height:30px;
	float:left;
}
#top_email{
	padding-left:35px;
	background:url(../ico/top_email2.jpg) left center no-repeat;
	line-height:30px;
	float:right;
	margin-left:30px;
}
.top_line{
	display:block;
	float:left;
	padding:0 20px;
	width:1px;
	height:30px;
	background:url(../images/top-line.png) center center no-repeat;
}
#footer_nav{
	overflow:hidden;
	text-align:center;
}
#footer_nav a{
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding:0 45px;
	border-right:1px solid #fff;
	line-height:16px;
	height:16px;
	font-size:16px;
	color:#fff;
}
#footer_nav a:last-child{
	padding-right:0!important;
	border:none!important;
}
#case_zone{
	background:url(../images/case_zone.jpg) center center repeat-y;
}

#pro_zone{
	padding:3em 0;
	background:url(../images/pro_zone.jpg) top center no-repeat #f8f8f8;
}

#cp_box{
	height:430px;
	margin-top:30px;
	position:relative;
}
#cp1{
	left:263px;
	top:0px;
}
#cp2{
	left:490px;
	top:0px;
}
#cp3{
	left:714px;
	top:0px;
}
#cp4{
	left:153px;
	bottom:0px;
}
#cp5{
	left:384px;
	bottom:0px;
}
#cp6{
	left:611px;
	bottom:0px;
}
#cp7{
	left:833px;
	bottom:0px;
}
/*选项卡1*/
#slideBox1{
	margin:0px auto;
	overflow:hidden;
}
#slideBox1 .hd{
	
}
#slideBox1 .hd ul{ 
	text-align:center;
}
#slideBox1 .hd ul li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	cursor:pointer;
	line-height:32px;
	background:#C1C1C1;
	font-size:16px;
	height:35px;
	position:relative;
	margin:0 10px;
	padding:0 25px;
	color:#fff;
}
#slideBox1 .hd ul li.on{
	background:#E70012;
	border-color:#E70012;
	color:#fff;
}
#slideBox1 .hd ul li.on:after{
	border: solid transparent;
	content: ' ';
	height: 0;
	top: 100%;
	position: absolute;
	width: 0;
	border-width: 10px;
	border-top-color: #E70012;
	left: 50%;
	margin-left:-10px;
}
#slideBox1 .bd{
	width:1200px;
	margin:0px auto;
}
#slideBox1 .bd ul{
	
}

/*选项卡2*/

.slideBox2{
	margin-top:50px;
	overflow:hidden;
}
.slideBox2 .hd{
	
}
.slideBox2 .hd ul{ 
	width:100%;
	overflow:hidden;
	border-left:1px solid #ccc;
}
.slideBox2 .hd ul li{
	font-size:18px;
	float:left;
	height:45px;
	line-height:45px;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	background:#fff;
	padding:0 20px;
	cursor:pointer;
}
.slideBox2 .hd ul li a{
	display:block;
}
.slideBox2 .bd{
	border:1px solid #ccc;
}
.slideBox2 .bd ul{
	padding:10px;
	overflow:hidden;
}
/*选项卡3*/
.slideBox3{

}
.slideBox3 .hd{
	border-bottom:1px solid #ccc;
}
.slideBox3 .hd ul{ 
	width:100%;
	overflow:hidden;
}
.slideBox3 .hd ul li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	border-style:solid;
	border-width:0 0 2px 0;
	border-color:transparent;
	padding:0 15px 15px 15px; 
	cursor:pointer;
	font-size:18px;
	margin:0 20px 0 0;
}
.slideBox3 .hd ul li.on{ 
	border-color:#94d643;
}
/*文字左右滚动*/
.txt-left{ 
	width:995px;
	position:relative;
	float:left;
	margin-left:20px;
}
.txt-left .hd{ 
	overflow:hidden;
	float:left;
	width:25px;
	margin-right:20px;
	display:none;
}
.txt-left .hd .prev,.txt-left .hd .next{ 
	display:block;  
	width:5px; 
	height:9px; 
	margin-top:10px;
	overflow:hidden; 
	cursor:pointer; 
	float:left;
	background:url("../images/icoLeft.gif") no-repeat;
}
.txt-left .hd .next{ 
	background:url("../images/icoRight.gif") no-repeat; 
	margin-left:10px;
}
.txt-left .bd .tempWrap{ 
	width:900px !important; 
}/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.txt-left .bd ul{ 
	overflow:hidden; 
	zoom:1;
}
.txt-left .bd ul li{ 
	margin-right:20px;
	float:left; 
	height:25px;
	line-height:25px;
	text-align:left; 
	_display:inline; 
	width:auto !important;  
}/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
.txt-left .bd ul li span{ 
	color:#999; 
	margin-left:10px;
}

/* 图片向左滚动*/
.picMarquee-left{ 
	width:100%;  
	overflow:hidden; 
	position:relative;  
}
.picMarquee-left .hd{
	overflow:hidden;
	height:30px;
	background:#f4f4f4;
	padding:0 10px;
	display:none;
}
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ 
	display:block;  
	width:5px; 
	height:9px; 
	float:right; 
	margin-right:5px; 
	margin-top:10px; 
	overflow:hidden;
	cursor:pointer;
	background:url("../images/arrow.png") no-repeat;
}
.picMarquee-left .hd .next{ 
	background-position:0 -50px; 
}
.picMarquee-left .hd .prevStop{ 
	background-position:-60px 0;
}
.picMarquee-left .hd .nextStop{ 
	background-position:-60px -50px;
}
.picMarquee-left .bd{ 
	overflow:hidden;
}
.picMarquee-left .bd ul{ 
	overflow:hidden; 
	zoom:1; 
}
.picMarquee-left .bd ul li{ 
	margin:0 8px; 
	float:left;
	_display:inline; 
	overflow:hidden; 
	text-align:center;
	border:1px solid #ccc;
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
}
.picMarquee-left .bd ul li img{
	max-width:60%;
	height:auto;
	display:block;
	margin:0px auto;
}


/*---平行四边形-----*/

.pingxing {
	display: inline-block;
	padding: 3px 40px;
	background:#3299FE;
	color: #fff;
	transform: skew(40deg);
}
 
.pingxing h2{
	transform: skew(-40deg);
	font-size:24px;
	text-transform:uppercase;
}

/*－－－六边形---
<div class="boxF" id="cp($step /)">
	<div class="boxS">
		<div class="boxT" style="background-image: url(($picurl /));">
			<a href="($theurl /)" title="($titles /)">
			<div class="overlay">
				<div class="name transition3">($title /)</div>
			</div>
			</a>
		</div>
	</div>
</div>
*/
.boxF, .boxS, .boxT, .overlay
{
	/*如果要尖朝上则把数字改为200x250即可，记得背景要换成正方形的图片才能铺满*/
	/*如果要平顶朝上则把数字改为213x185即可，记得背景要换成正方形的图片才能铺满*/
	/*小数除以大数需要＝0.8*/
	width: 180px;
	height: 225px;
	overflow: hidden;
	border:1px solid #00A7FF;
}
.boxF, .boxS
{
	/*如果要尖朝上则把数字改为200x250即可，记得背景要换成正方形的图片才能铺满*/
	/*如果要平顶朝上则把数字改为213x185即可，记得背景要换成正方形的图片才能铺满*/
	width: 180px;
	height: 225px;
	visibility: hidden;
}
.boxF
{
	/*需要不规则排列绝对定位需要将此处改为position:absolute然后和其它元素一样定位即可*/
	position:relative;
	transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	-moz-transform: rotate(120deg);
	-webkit-transform: rotate(120deg);
}
.boxS
{
	transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-webkit-transform: rotate(-60deg);
}
.boxT
{
	transform: rotate(-60deg);
	background: no-repeat 50% center;
	background-size: 125% auto;
	-ms-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-webkit-transform: rotate(-60deg);
	visibility: visible;
}
.overlay
{
	transition: all 250ms ease-in-out 0s;
	display: none;
	position: relative;
}
.overlay:hover
{
	background-color: rgba(0,0,0,0.6);
}
.boxT:hover .overlay
{
	display: block;
}
.overlay .name{
	display: inline-block;
	position: absolute;
	top: 45%;
	left:45%;
	font-size:28px;
	font-weight:bold;
	text-align:center;
	color:#FFF;
}
/*----菱形------*/

#lingxing{
	width:100%;
	overflow:hidden;
	margin-top:35px;
	height:370px;
	position:relative;
}
#lingxing li{
	position:absolute;
	width:375px;
	height:375px;
	overflow:hidden;
}
#lingxing li .kuang{
	display:block;
	width:260px;
	height:260px;
	border:1px solid #ccc;
	position:absolute;
	overflow:hidden;
	transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	top:55px;
	left:55px;
	background:#fff;
	z-index:1;
}
#lingxing li a{
	display:block;
	width:260px;
	height:260px;
	overflow:hidden;
	text-align:center;
	position:absolute;
	z-index:10;
	transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	top:55px;
	left:55px;
}
#lingxing li img{
	max-width:100%;
	height:auto;
	display:block;
	transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	margin-top:-20px;
	margin-left:-15px;
}
#lingxing li h4{
	font-size:18px;
	font-weight:normal;
	position:absolute;
	z-index:5;
	left:50%;
	bottom:60px;
	width:120px;
	text-align:center;
	margin-left:-60px;
	word-break:break-word;
}

#lingxing #li1{
	left:105px;
}
#lingxing #li2{
	left:435px;
}
#lingxing #li3{
	left:755px;
}

#shuzi_zone ul{
	overflow:hidden;
	text-align:center;
}
#shuzi_zone ul li{
	width:230px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin:0 30px;
	text-align:center;
}
#shuzi_zone ul li .ico{
	display:block;
	margin:0px auto;
}
#shuzi_zone ul li .shuzi{
	display:block;
	font-weight:bold;
	font-size:55px;
	color:#0282C9;
}
#shuzi_zone ul li p{
	display:block;
	margin-top:10px;
	line-height:25px;
	text-transform:uppercase;
}
#pinpai_title{
	display:block;
	float:left;
	padding:5px 20px;
	background:#494949;
}
#pinpai_title h2{
	font-weight:normal;
	color:#fff;
	font-size:18px;
	letter-spacing:5px;
}
#pinpai_pic img{
	max-width:100%;
	height:auto;
	display:block;
}
#liucheng{
	width:1280px;
	overflow:hidden;
}
#liucheng li{
	width:148px;
	height:165px;
	overflow:hidden;
	float:left;
	text-align:center;
	background:url(../images/liucheng.jpg) no-repeat;
	margin-right:62.4px;
}
#liucheng li .p1{
	display:block;
	margin-top:45px;
	font-size:18px;
}
#liucheng li .p2{
	font-size:12px;
	display:block;
	line-height:20px;
	margin-top:5px;
	text-transform:uppercase;
}
#case_title{
	text-align:center;
	display:block;
	margin-top:95px;
	padding-bottom:15px;
	background:url(../images/case_title.png) bottom center no-repeat;
	font-size:36px;
	color:#000;
}
.index_title{
	float:right;
	text-align:center;
	overflow:hidden;
}
.index_title h2{
	color:#fff;
	display:block;
	font-size:60px;
}


/* 本例子css */
.txtScroll-top{overflow:hidden; position:relative;float:left;}
.txtScroll-top .hd{ overflow:hidden;float:right;display:none;}
.txtScroll-top .hd .prev,.txtScroll-top .hd .next{ 
	display:block;  
	width:8px;
	height:12px;
	margin-top:5px;
	overflow:hidden;
	cursor:pointer;
}
.txtScroll-top .hd .prev{
	float:left;
	margin-right:10px;
	background:url(../images/arr_l_16.png) no-repeat;
}
.txtScroll-top .hd .next{
	float:right;
	background:url(../images/arr_r_16.png) no-repeat;
}
.txtScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;display:none;}
.txtScroll-top .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.txtScroll-top .hd ul li.on{ background-position:0 0; }

.txtScroll-top .bd{
	max-width:600px;
	float:left;
	overflow:hidden;
	padding-left:15px;
}
.txtScroll-top .infoList li{
	line-height:45px;
}
.txtScroll-top .infoList li .date{ 
	float:right;
	color:#666;
}
#index_cp_pic{
	overflow:hidden;
	float:left;
	width:345px;
}
#index_cp_pic img{
	max-width:100%;
	height:auto;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
